Go To Page Button Element
A standard button which allows you to specify a page to be displayed when the Button is clicked or tapped.
Note, however, that, by default, you cannot move to another page unless all the pages before it are valid. A page is valid if all Elements on the page which have one or more validation rules specified have been completed satisfactorily by the user or the page has no validations specified. If you want to be able to jump to a page out of sequence, i.e. where pages before it are not valid, you will need to mark the page as nonsequential, which is done using the Nonsequential property in the page properties. If you have marked a page as nonsequential, clicking or tapping a Go To Page Button configured to jump to that page, will display the specified page even if the pages before it are not valid. One use of this feature would be to provide help pages which you want the user to be able to access at any point within the form.
- If you are using nonsequential pages in your form, we recommend that you place them at the end of the page sequence within the Pages Pane. This will make navigating your form simpler.
Once you have placed a Go To Page Button Element on a page, you can edit the Element's properties to configure the Element for your requirements. Select the Element on the page to display its properties in the Properties Pane.
The following properties are available:
Label
Allows you to specify the text that appears on the Button. You can change the default label to reflect the contents of the page this Button will go to, e.g. 'Enter Contact Details'. If you want to display an image on the Button with no text, leave this property blank.
Visible and Disabled Properties
Image
Allows you to specify an image to be displayed on the Button. If you specify a value in the Label property above, the position of the image in relation to the label is defined in the Image Position property on the Advanced tab, 
.
To browse for the picture, click on 
at the right-hand end of the property. A standard file browse dialog will be displayed allowing you to locate and select the required picture. If you want to re-use a picture that you have already used in this project, click on the down arrow symbol at the end of the edit box instead. This will display a list of images used in the project and you can select the one you want.
If you want to change the picture, simply select the new picture you want to use instead or to clear the selection, click on 
to the right of the button.
Behaviour Category
Page
Specify the page you want to move to. Click on the arrow symbol at the end of the property's value field to drop down a list of available pages from which you can select the page you want.
Image Category
Image Position
Determines whether the image specified in the Image property (see Appearance tab, 
) is displayed to the left or right of the Button's label. If the Label property, at the top of the pane, is blank, this property is ignored.
Image Height
Specifies the height, in pixels, for the image. If you specify the height but not the width, the width will automatically be adjusted to maintain the original aspect ratio of the image. If you leave both the height and width blank the image will be displayed at its actual size.
Image Width
Specifies the width, in pixels, for the image. If you specify the width but not the height, the height will automatically be adjusted to maintain the original aspect ratio of the image. If you leave both the height and width blank the image will be displayed at its actual size.
Styles Category
Label Style
Allows you to assign a style to the Button's Label, e.g. to set the font type, size and colour.
Button Style
Allows you to assign a style to the body of the Button, e.g. to set the background colour.
If you have upgraded a project created using a version of Digitise Forms earlier than Digitise Forms - 2021 Spring Update, this property will only appear if you have also upgraded the Elements within the project, in which case this property will automatically be set to the same value as the Label Style property above.